Madza

@madzadev · Joined October 2020

Discussions. ๐Ÿ’ฌ Tools. ๐Ÿ›  Resources. ๐Ÿ“š All things productivity. ๐ŸŽฏ๐Ÿš€๐Ÿ’ฏ

8 AI Developer Tools for Faster & Smarter Development ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿš€

Artificial intelligence has been transforming the way software developers build applications by providing them with new ways to simplify repetitive tasks, increase their productivity, and cr...

17 Open Source Alternatives to Your Favorite Software and Apps ๐Ÿ”ฅ๐Ÿ‘จโ€๐Ÿ’ป

In the dynamic world of software and applications, many users are discovering the power and flexibility of open-source alternatives. Whether you're looking to cut costs, avoid vendor lock-i...

19 VS Code Extensions To Boost Your Productivity ๐Ÿš€๐Ÿ”ฅ

[VS Code](https://code.visualstudio.com/) is a free, cross-platform, and open-source code editor that has become the most popular choice among developers in recent years. It is well-known f...

11 Navigation Components to Make Your Website Stand Out ๐Ÿ’ฏ๐Ÿ‘

Well-structured navigation is one of the most important features of a website. It allows users to quickly and easily find the information they're looking for, like a blog post or product pag...

12 Useful React Tools to Make You More Productive ๐Ÿš€๐Ÿ’ฏ

React is an open-source, component-based JavaScript library for creating user interfaces. It has many useful features that make it easier to create modern, fast, and accessible websites and...

16 Libraries You Should Know as a React Developer ๐Ÿ’ฏ๐Ÿ”ฅ

Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem. In this article I've compiled some of th...

16 GitHub Learning Repositories for Beginner Developers ๐Ÿ’–๐Ÿ‘

I often get contacted by beginner developers asking what would be the best resources for learning and do they need a degree or apply for bootcamps to get the job. In this article, I decided...

19 Practical ES6 Snippets to Solve Common JS Problems ๐Ÿš€๐Ÿ’ฏ

In our developer workflow, we often encounter challenging problems that might require just a few lines of code to be solved. In this article, I attempted to compile useful snippets that may...

23 Awesome DEV Portfolios for Your Inspiration ๐ŸŽจ๐Ÿ˜

A couple of years ago I [compiled a list](https://dev.to/madza/21-awesome-dev-portfolios-for-your-inspiration-85n) of some of my favorite developer portfolios. Since then I have bookmarked a...

12 Modern UI Components to Inspire Your Future Designs ๐Ÿ˜โœจ

Component-based architecture is now used in the vast majority of sites, resulting in faster development, greater control, and lower maintenance costs. In this article, I have compiled some...

16 Essential Developer Tools to 10X Your Productivity ๐Ÿš€โœจ

Nowadays, in a fast-paced environment with strict deadlines, developing an effective workflow is critical. Productivity has become one of the most important metrics to improve in order to co...

12 Powerful Design Tools for Front-end Developers โœจ๐Ÿ’ฏ

An eye-catching design is an effective way to keep the visitors' attention. I've compiled some of the most useful tools that will help you to improve your design workflow. With this collect...

18 Useful GitHub Repositories Every Developer Should Bookmark ๐Ÿ‘๐Ÿ’ฏ

I often get asked what resources and tips I would recommend for web developers. I decided to curate a list of some of the most useful GitHub repositories I have come across. The main criter...

14 Killer Web Applications to Boost Your Productivity ๐Ÿš€๐Ÿ’ฏ

In this article, I've compiled some of the most useful web apps that you can use to increase your productivity. These include anything you might need from prioritizing, automating, and plan...

14 Coolest CSS and JS Animations to Enhance Your Web Designs ๐Ÿ˜โœจ

The ultimate goal of modern web design is to capture users' attention. There are various techniques to improve your website's appeal. One of the most appealing methods is adding some cool-lo...

7 Next-Level CSS Codepens to Inspire Your Future Creations ๐Ÿ˜โœจ

In this article, I have compiled some of my favorite CSS artworks, that prove the power of CSS and show what you can achieve with it if you use it right. For each CSS artwork, I will provid...

I built 3 Hackathon projects in 3 months, and won 1500$ in Prizes ๐Ÿฅณ๐ŸŽ‰

In the first half of 2022 from mid-February to mid-May, I had some spare time on my hands, so I decided to try out a new venture - hackathons. My entries got nominated as runner-ups, so I de...

19 GitHub Repositories to Become a React Master โš›๏ธ๐Ÿง™

React is among the most popular choices to build interactive UIs. Learning and mastering it can be challenging if you are not aware of the resources that are available to you. In this artic...

16 Useful Background Generators for Your Website Designs ๐ŸŽจ๐Ÿ˜

Have you ever struggled to create engaging visuals for products, branding, and interfaces? The designs you see on UI curation websites often require pro-design skills or many hours of practi...

12 Awesome Shape Generators for Your Web Projects ๐Ÿ˜๐Ÿš€

Creating advanced shapes from scratch requires some advanced CSS and SVG knowledge and you might still end up adjusting values afterward. I would recommend using some GUI tools, that offer y...

6 Useful Checklists Every Developer Should Know ๐Ÿ“ƒ๐Ÿ’ฏ

The product lifecycle often holds us accountable for so many things. Even if you think you are aware of everything, it is always a great practice to double-check, just to be sure. In this a...

8 Addictive Games Built Only with HTML, CSS, and JS ๐ŸŽฎโœจ

Games are among the coolest projects you can create because they are fun and can be addictive for the end-users. In this article I have compiled some of my favorites, so you can get some ins...

7 Online Radios to Listen to While Coding ๐ŸŽต๐Ÿ’–

A while ago I did a [discussion](https://dev.to/madza/music-or-no-music-while-coding-which-type-of-person-are-you-5ei2), asking whether developers prefer to code while listening to music or...

13 Beautiful Gradient Tools Every Web Designer Should Know ๐Ÿ’ฏ๐Ÿ‘

The use of gradients is common in modern web design. We see them everywhere from hero backgrounds to illustrations, text colors, borders, hover animations, and many more. Creating them dire...